<template>
	<view class="w-100" v-if="systemList.length >= 1">
		<view class="chat-title ss-p-x-20 ss-m-t-20 ss-m-b-15">平台服务</view>
		<template v-for="(item,index) in systemList" :key="item.id">
			<chatItem :data="item" showType="system"></chatItem>
		</template>
	</view>
</template>

<script setup>
	import {
		computed
	} from 'vue';
	import sheep from '@/sheep';
	import chatItem from './chat-item.vue'
	import $store from '@/im/store/im';
	
	const systemList = computed(() => $store().systemList);
</script>

<style scoped lang="scss">
	view {
		box-sizing: border-box;
	}
	
	.chat-title {
		font-weight: 500;
		font-size: 32rpx;
		color: #3D3D3D;
	}
</style>